<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" >
#a{ width:480px; height:800px;
border:1px solid #000 ;
margin:0 auto;}
#b{ width:480px; height:40px;
border:1px solid #FFFF00}
.biaoti {
	font-size: 36px;
	color: #F00;
}
#c{ width:480px; height:759px;
border:1px #FFCC33 solid }
.caiming {
	font-size: 20px;
	color: #000;
}
#d{width:140px; height:758px;
border:1px #FFCC33 solid;
float:left }
#e{width:335px; height:758px;
border:1px #FFCC33 solid;
float:right}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id="a">

  <div class="biaoti" id="b" align="center">
    <strong><em>美食订餐</em></strong>
  </div>
  <div id="c">
    <div id="d"><br />
      <form id="form1" name="form1" method="post" action="">
        <label for="select"></label>
        <select name="select" id="select">
          <option>1、牛腩土豆</option>
          <option>2、红烧鲤鱼</option>
          <option>3、红烧肉</option>
          <option>4、辣椒炒肉</option>
          <option>5、麻婆豆腐</option>
          <option>6、茄子豆角</option>
          <option>7、酸辣土豆</option>
          <option>8、糖醋排骨</option>
          <option>9、西芹肉丝</option>
        </select>
      </form>
      <form id="form3" name="form3" method="post" action="">
        <br />
        <p class="caiming"><a href="#"><strong>牛腩土豆</strong></a>
          <input type="submit" name="button2" id="button2" value="详情" />
        </p>
      </form>
      <form id="form4" name="form4" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">红烧鲤鱼</a></strong>
          <input type="submit" name="button3" id="button3" value="详情" />
        </p>
      </form>
      <form id="form5" name="form5" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">红烧肉</a></strong>
           &nbsp;&nbsp;
           <input type="submit" name="button4" id="button4" value="详情" />
        </p>
      </form>
      
      <form id="form6" name="form6" method="post" action="">
        <p class="caiming"><br />
          <a href="#"><strong>辣椒炒肉</strong></a>
          <input type="submit" name="button5" id="button5" value="详情" />
        </p>
      </form>
      
      <form id="form7" name="form7" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">麻婆豆腐</a></strong>
          <input type="submit" name="button6" id="button6" value="详情" />
      </p>
      </form>
      
      <form id="form8" name="form8" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">茄子豆角</a></strong>
          <input type="submit" name="button7" id="button7" value="详情" />
      </p>
      </form>
      
      <form id="form9" name="form9" method="post" action="">
       <p class="caiming"><strong><br />
         <a href="#">酸辣土豆</a></strong>
         <input type="submit" name="button8" id="button8" value="详情" />
      </p>
      </form>
      
      <form id="form10" name="form10" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">糖醋排骨</a></strong>
          <input type="submit" name="button9" id="button9" value="详情" />
      </p>
      </form>
      <form id="form2" name="form2" method="post" action="">
        <p class="caiming"><strong><br />
          <a href="#">西芹肉丝</a></strong>
          <input type="submit" name="button" id="button" value="详情" />
      </p>
      </form>
      <p class="caiming">&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div id="e">
      <p><br />
&nbsp;&nbsp;      <img src="images/牛腩土豆.jpg" width="150" height="150" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/红烧鲤鱼.jpg" width="150" height="150" />&nbsp;&nbsp;&nbsp;<img src="images/红烧肉.jpg" width="150" height="150" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/辣椒炒肉.jpg" width="150" height="150" /></p>
      <p>&nbsp;&nbsp;<img src="images/麻婆豆腐.jpg" width="150" height="150" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/茄子豆角.jpg" width="150" height="150" /></p>
      <p>&nbsp;&nbsp;<img src="images/酸辣土豆.jpg" width="150" height="150" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/糖醋排骨.jpg" width="150" height="150" /></p>
    </div>
  </div>
</div>
<hr />
  <div align="center">16软件1班 陈晓峰 1601170147 </div>
</body>
</html>
